<script>
	//import VConsole from 'vconsole';
	export default {
		onLaunch: function() {
			console.log('App Launch')
			//const vConsole = new VConsole();
			if(location.href.indexOf('topbar')!=-1){
				window.topBarHeight = this.getClientHeight();
			}
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods:{ 
			getClientHeight(){
                const res = uni.getSystemInfoSync();
                console.log(res.platform,res.statusBarHeight);
                const system = res.platform;
                if ( system === 'iso') {
                    return 44 + res.statusBarHeight;
                }else if( system === 'android' ){
                    return 48 + res.statusBarHeight;
                } else{
                    return 0;
                }
            },
		}
	}
</script>

<style lang="scss">
	.flex{
		display: flex;
	}
	.flex1{
		flex: 1;
	}
	.flex2{
		flex: 2;
	}
	.flex3{
		flex: 3;
	}
	.flex4{
		flex: 4;
	}
	.hr{
		height: 5px;
		width: 10px;
	}
	.error-count{
		font-size: 24px;
		text {
			color: red;
		}
	}
	td{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.red{
		color: red;
	}
	.green{
		color: green;
	}
	page{
		background-color: #f8f8f8;
		height: 100%;
		width: 100%;
		box-sizing: content-box;
		display: flex;
		flex-direction: column;
	}
	.page{
		height: 100vh;
		display: flex;
		flex-direction: column;
	}
	.body-scroll{
		flex: 1;
		height: 100rpx;
	}
	 .container{
		width: 100%;
		height: 100vh;
	 }
	.flex-row {
	  display: flex;
	  flex-direction: row;
	}
	
	.flex-row-center {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	}
	
	.flex-column {
	  display: flex;
	  flex-direction: column;
	}
	
	.flex-column-center {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
	
	.text-line-1 {
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}              
	
	.text-line-2 {
	  display: -webkit-box;    
	  word-break: break-all;
	  text-overflow: ellipsis;   
	  overflow: hidden;          
	  -webkit-box-orient: vertical;    
	  -webkit-line-clamp: 2;   
	}
</style>
